<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 重置样式 */
        *{padding: 0;margin: 0;}
        li{list-style: none;}
        a{text-decoration: none;}
        /* 伪元素 ::after  ::before */
        .clear::after{
            content: '';
            display: block;
            clear: both;
        }

    </style>
    <script>
        // 函数
        // alert('hello js');
        // 用于调试的函数
        console.log('hello javascript');
    </script>
</head>
<body>
    
    <script src="index.js"></script>
    <script>
        // undefined 类型
        var num;
        console.log(typeof num);
        // NaN: Not a Number,是一个特殊的数字类型的值
        console.log(num + 1); // NaN
        console.log(typeof NaN);

        // null 类型
        var obj = null;
        console.log(typeof obj);

        // js是动态、弱类型语言
        // var title = '<h1>js</h1>';
        // console.log(typeof title);
        // title = 1234;
        // console.log(typeof title);
        // document.write(title);
        /*
            document.write('<h1>js</h1>')
            document.write('<h1>js</h1>')
            document.write('<h1>js</h1>')
            document.write('<h1>js</h1>')
        */
    </script>
</body>
</html>

